@import "cake.bbcode.css";

*{
margin:0;
padding:0;
}

body{
font-family:helvetica,verdana,lucida-grande,sans-serif;
font-size:90%;
background:#fff url(images/body_bg.gif) repeat-x;
color: #000000;
}


/*
*  Basic styles
*/


h2{
clear:both;
padding:8px 0;
font-size:160%;
color:#f93;
}

h2 a{
color:inherit;
}

h3 {
clear:both;
font-size:110%;
margin-bottom:10px;
color:#f93;
}

h3 a{
color:inherit;
}

em {
font-style: normal;
}
a{
color:#39c;
text-decoration:none;
/*  color:inherit;*/
}
a:hover{
color:#39c;
text-decoration:underline;
/*  color:inherit;*/
}

.small {
font-size: 10px;
}

/*
* layout
*/

#container{
width:964px;
margin:0 auto;
background:transparent;
position:relative;
}

#content{
clear:both;
padding:10px;
min-height: 400px;
background:#fff;
}

#header{
color:#fff;
background:transparent;
height:150px;
}

#header h1{
font-size:220%;
width:215px;
height:145px;
background:transparent url(images/logo.gif) no-repeat;
margin:20px;
text-indent:-5000px;
}

h1 span{
display:block;
font-size:55%;
}

.one{
margin-right:20px;
background:#ccdc99 url(images/also_one_bg.gif) repeat-x;
}

.two{
clear:right;
background:#d6d799 url(images/also_two_bg.gif) repeat-x;
}

.list{
clear:both;
background:#fffff6;
border:1px solid #ee9;
}

.list ul li{
list-style-type:none;
display:block;
margin-bottom:5px;
}

#tags {
/* Change by Maurice Calhoun : Hitammanis
width:382px;
padding:20px;
position:absolute;
top:180px;
left:522px;
*/
float: left;
width: 380px;
margin: 20px 0px;
padding: 20px;
background:#cfff9f;
color:#333;
text-align: justify;
}
#tags a {
	color:#39c;
	background-color: transparent;
	padding: 2px 4px;
	white-space: nowrap;
}
#tags a:hover {
	color:#39c;
	background: #f4f4f4;
	text-decoration: none;
}
#tags_index #tags{
float: none;
width: 90%;
}
.tag_1{
font-sixe:120%;
}

.tag_2{
font-size:140%;
}

.tag_3{
font-size:160%;
}

.tag_4{
font-size:180%;
}

.tag_5{
font-size:210%;
}


#code{
/* Change by Maurice Calhoun : Hitammanis
position:absolute;
left:522px;
top:360px;
*/
float: left;
background:#eed;
width:160px;
padding:20px;
color:#321;
}

#code ul li{
list-style-type:none;
display:block;
padding-bottom:5px;
}

#code a.permalink {
display: block;
padding: 4px 0;
}

#news{
/* Change by Maurice Calhoun : Hitammanis
position:absolute;
top:360px;
left:745px;
*/

float: left;
width:160px;
padding:20px;
background:#fffff8;
overflow:auto;
}


#news h2{
color:#e60;
font-size:100%;
}


/*
*  Badges
*/
span.badge{
text-transform:uppercase;
font-weight:bold;
font-size: 80%;
padding:3px 3px 1px 2px;
color:#fff;
background:#241;
line-height: 2em;
letter-spacing:0.05em;
vertical-align: middle;
white-space: nowrap;
}
span.badge a {
color: inherit;
}

span.date{
text-transform:uppercase;
font-weight:bold;
font-size:75%;
padding:1px;
color:#edd;
background:#930;
letter-spacing:0.1em;
vertical-align: middle;
white-space: nowrap;
}

#article_badges {
margin: 0px 0 0px 10px;
}
#article_badges span.badge {
font-size:120%;
padding:0px;
color:#241;
background:#fff;
letter-spacing:0.1em;
}
#article_badges span.date, .info span.date{
text-transform:uppercase;
font-weight:bold;
font-size:75%;
padding:0px;
color:#930;
background: transparent;
letter-spacing:0.1em;
}

#article span.date, #article span.badge {
padding:2px;
font-size: 90%;
}

/*
*  tags
*/

#container, #content {
/* 	overflow: auto;*/
}
h1 em {
font-size: 11px;
font-style: normal;
}
h2 em {
font-size: 11px;
font-style: normal;
color:#39c;
padding-left: 6px;
}
h3 em {
font-size: 11px;
font-style: normal;
color:inherit;
padding-left: 6px;
}

#accountMenu {
font-size:90%;
color: #fff;
position:absolute;
top:0;
right:0;
background:#222;
padding:0px;
}

#accountMenu a {
color: #cd9;
display:inline;
float:left;
padding:10px;
}

#accountMenu a:hover {
color:#fff;
}

#accountMenu li {
display: inline;
list-style-type: none;
}

#adminMenu {
font-size:90%;
position:absolute;
left:520px;
background:#444;
color:#fff;
top:0;
z-index:3;
}

#adminMenu span{
padding:10px;
padding-right:25px;
display:block;
background:url(images/dropdown_arrow_bg.gif) no-repeat right center;
}

#adminMenu ul{
display:none;
padding-bottom:8px;
}

#adminMenu:hover ul{
display:block;
}

#adminMenu ul li{
display:block;
}

#adminMenu ul li a{
color:#ff6;
display:block;
padding:5px;
}

#adminMenu a:hover {
color: #fff;
background:#333;
}

#search {
position:absolute;
top:80px;
right:14px;

}
#search form {
margin: 0;
padding: 0;
}
#search input, #search select {
clear: none;
display: inline;
vertical-align: middle;
font-size: 11px;
}

#tabs {
position:absolute;
top:60px;
right:0;
height:40px;
line-height:40px;
padding:10px;
padding-right:220px;
background:#045;
}

#tabs ul, #tabs li {
display: inline;
list-style-type: none;
margin: 0;
}

#tabs a {
color: #6adce6;
font-size: 18px;
padding: 10px;
text-decoration: none;
}

#tabs a:hover {
color: #fff;
}

#tabs a.on {
color: #fff;
cursor:default;
}


/* other views */
div.info {
clear: right;
float: right;
margin: 0;
margin-bottom: 0.5em;
margin-right: 0;
width: 200px;
padding-top:0;
padding-right: 0;
}
div.info h4 {
margin-bottom:0.5em;
font-size: 110%;
}
div.info ul, div.info li {
width:140px;
margin-right: 0;
padding-right: 0;
margin-top: 0.2em;
margin-left: 16px;
line-height: 1.1em;
}

div.pagenums {
margin: 0;
padding: 0.5em 0;
}
div.pagenums span {
display: inline;
margin: 0;
padding: 0;
}
div.pagenums span {
display: inline;
margin: 0;
margin-right: 1em;
padding: 0;
}


/*
*  Category styles
*/
#categories div.parent {
clear: both;
margin-top: 20px;
margin-bottom: 0px;
line-height: 1.3em;
}
#categories .title {
font-size: 160%;
float: left;
font-weight: bold;
}
#categories .title p {
font-size: 55%;
margin-top: 2px;
margin-left: 20px;
}
#categories h6 {
font-size: 90%;
margin-top: 10px;
margin-left: 0px;
}
#categories .parent .description {
padding: 4px 10px;
margin-left: 180px;
}
#categories div.child {
clear: both;
margin-top: 10px;
margin-bottom: 20px;
line-height: 1.3em;
}
#categories div.child .title {
font-size: 140%;
margin-left: 20px;
height: 46px;
}
#categories div.child .description {
padding: 0px 10px;
margin-left: 200px;
}
#categories ul {
margin-left: 40px;
}
#categories li {
margin-top: 4px;
}

/*
*  Article styles
*/

.fp .article{
padding:20px;
}

.article{
position:relative;
}

.article h2{
color:#003d4c;
}

.featured{
color:#333;
background:#fc6 url(images/featured_bg.gif) repeat-x;
min-height:166px;
}

.featured h2{
color:#900;
}
.featured h3{
color:#e2e2e2;
}

.featured a {
color:#930;
}

.also_featured{
margin-top:20px;
width:186px;
float:left;
overflow:hidden;
margin-bottom:20px;
}
#admin_articles h3{
color:#333;
font-size:220%;
margin-top: 0.4em;
}
#admin_articles h3 a {
color:#045;
}
#admin_articles p {
margin-bottom: 0.5em;
}
#admin_articles .left {
margin-left: 2em;
width: 180px;
margin-bottom: 2em;
line-height: 1.5em;
}

#articles{
width:472px;
padding:20px;
float: left;
}

#articles .footer, #article .footer {
margin: 0px 0;
padding: 4px 10px;
border-top: 1px #ddd solid;
border-bottom: 1px #ddd solid;
background-color: #f4f4f4;
}

#article {

}
.published {
}
.unpublished h3 {
	background-color: #fe6;
}

#article h3{
color:#333;
font-size:220%;
margin-top: 0.4em;
}

#article h3 a {
color:#045;
}

#article ul, #article ol {
margin-left: 20px;
}
#article ul li {
margin-left: 10px;
}

#article .main{
margin-right: 280px;
}

#article span.author{
display:block;
color:#454545;
font-size:110%;
padding: 2px;
}

#article .intro{
font-size: 80%;
font-style: italic;
margin-top:6px;
padding: 10px;
}

#article .body{
line-height:1.4;
margin-top:6px;
padding-bottom: 40px;
}

#article .body h2, #article .body h3{
clear: none;
}

.body h2
{
	font-size:260%;
}

#article .body ul, #article .body ol, #article .body li {
margin-left: 20px;
}

#article .body code{
padding: 5px;
background:#f6f6f6;
border: 2px #ddd solid;
display:block;
}

.sidebar{
clear: both;
float: right;
width:227px;
}
#article #sidebar{
/*
position:absolute;
right:0;
top:210px;
*/
clear: both;
float: right;
width:227px;
}
#article .info{
padding:10px;
background:#eee;
}
#article #sidebar .info{
padding:10px;
background:#eee;
}

#article #sidebar #article_rating, #article #sidebar #ajax_rate{
background:#D9E4E5;
}
#article #sidebar #article_tags, #article #sidebar #ajax_tag{
background:#cfff9f;
}

#article #sidebar #article_details{
background:#eed;
}

#article #sidebar #article_attachments{
margin:10px;
}

#article #sidebar #article_author{
margin:10px;
}

#article #sidebar .info ul{
margin:10px;
}

#article_rating strong {
font-size: 110%;
}
#article_rating span {
padding: 4px;
}


#article_rating span a {
padding: 2px 4px;
color:#fff;
background:#222;
border: 1px solid #f4f4f4;
}
#article_rating span a:hover {
color:#fff;
background:#f93;
}


/*
*  Comment styles
*/
#comments {
margin-right:250px;
margin-bottom: 20px;
border-bottom: 1px dotted #045;
}

#comments .key {
margin-bottom: 8px;
padding: 6px;
border-top: 1px dotted #045;
border-bottom: 1px dotted #045;
}

#comments .key span {
padding: 2px 6px;
margin-left: 6px;
}

#comments h3{
color:#045;
font-size:200%;
margin-top: 0.4em;
}

#comments h3 a{
color:#045;
}
#comments h4.unpublished{
background-color: #fe6;
}
#comments h4 {
color:#333;
font-size:120%;
margin-bottom: 0.6em;
padding: 2px 4px 2px 6px;
}
#comments h4 em {
font-size: 12px;
}
#comments h4 span.right a {
font-weight: normal;
}

#comments .team_member {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 12px;
border-left: 4px solid #045;
background: #f4f4f4;
padding: 1px 6px;
}

#comments .author {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 12px;
border-left: 4px solid #333;
background: #fff;
padding: 1px 6px;

}

#comments .community_member {
margin-top: 8px;
margin-bottom: 8px;
margin-left: 12px;
background: #fff;
padding: 1px 6px;
}

#comments .body {
line-height:1.4;
padding-bottom:10px;
padding-left: 8px;
}
#comments span.footer {
display:block;
margin-bottom:4px;
color:#454545;
font-size:90%;
font-style: italic;
padding-left: 8px;
}
#comments .body code {
padding:5px;
background:#f6f6f6;
display:block;
}

.page h3 {
margin-top: 2.6em;
margin-bottom: 0.1em;
}
.page h4 {
margin-top: 1em;
margin-bottom: 0.1em;
}
/*
* Tortilla round corners technique
*/

.tortillated{
position:relative;
}

.corner{
position:absolute;
width:6px;
height:6px;
background-image:url(images/tortilla.gif);
}

#tabs .corner, #accountMenu .corner, #adminMenu .corner {
background-image:url(images/header_tortilla.gif);
}

.top_left{
left:0;
top:0;
background-position:top left;
}

.top_right{
right:0;
top:0;
background-position:top right;
}

.bottom_left{
left:0;
bottom:0;
background-position:bottom left;
}

.bottom_right{
right:0;
bottom:0;
background-position:bottom right;
}

div.clear {
display: block;
clear: both;
float: none;
}

/**
 * Footer
 **/
 
#footer-container {
	clear: both;
	margin-top: 40px;
	padding: 18px 6px;
	text-align: right;
	background:#045;
	font-size: 11px;
}
#footer {
	width: 964px;
	margin: 0 auto;
}
#footer a {
	color: #f4f4f4;
}
 
#footer div.latest-container {
	width: 100%;
	clear: both;
	color: #f4f4f4;
	font-size: 12px;
	text-align: left;
}

#footer div.latest-container div.latest {
	float: left;
	margin-right: 20px;
	width: 22%;
}

#footer div.latest-container div.latest h4 {
	color: #c0c0c0;
}

#footer div.latest-container div.latest ul {
	margin-left: 17px;
}

#footer div.latest-container div.latest ul li {
	margin-top: 7px;
}

#footer div.copyright {
	width: 100%;
	clear: both;
	padding-top: 30px;
}